Improved Variable Product Attributes for WooCommerce
Please read full documentation to use the plugin properly.
1. How to install, plugin features and automatic updates?
Introducing the Improved Variable Product Attributes, installation and registration!
2. Plugin Guide and Settings?
A complete guide to various features and settings included in Improved Variable Product Attributes. Please browse this section to get familiar with the plugin.
3. Translation and WPML Support
How to translate the plugin and WPML support!
4. Support
If you have any problems, follow the link in this section to get support for your issue.
1. How to install, plugin features and automatic updates?
Introducing the Improved Variable Product Attributes, installation and registration!
1.1 Features
Provided information in this section and the documentation will help you understand your new plugin, and get the most out of it
Improved Variable Product Attributes for WooCommerce is a plugin that improves attributes selection in your shop. Improve your customer product selection, set up your shop attribute styles and never show the Out of stock option. Use Text, HTML, Images or Color to show product variation selectors to your customers. Add a unique style to your web shop now and amaze your visitors and clients! Display your improved attributes in single product pages as well as in product archive pages! Let your customers select the attribute variations in product archive pages and add them to the cart using AJAX, without having to enter the single pages, or use the plugin to display attributes in product archive pages. Custom attribute names and attribute descriptions are supported! Check the demo at this link.
- Variable Product Selectors Customization
- Awesome User Interface
- Unlimited Attribute Term Customizations
- Basic Support for Custom Product Attributes
- Never Show
Out of StockOption! - Extend Variable Selectors in Shop/Product Archives with Product Image Support
- Automatic Updates in Single Click Inside Wordpress Dashboard!
- Translation Ready! WPML is supported!
Combine attributes and show in stock and out of stock variable products. Never show the Out of stock option! Force users to always get the add to cart button and therefore improve your shop performance. This plugin pays for itself! The plugin si packed with options for easy integration with any WooCommerce website. Full support for Shop and Product Archives too! Read on to find out more and thank you for your purchase!
1.2 Installation
Provided information in this section covers the plugin installation.
To install this plugin you must have a working version of WordPress and WooCommerce plugin already installed. For information on installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress. Upon downloading the Improved Variable Product Attributes for WooCommerce archive, extract the archive and inside you will find full contents of your purchase. In the main archive you will find improved-variable-product-attributes.zip file archive that contains the installable plugin files.
Please Note: You can install the plugin in two ways: inside WordPress, or via FTP. If you have trouble installing the theme inside WordPress, please proceed with installing it via FTP and you will be able to get around the issue
Installing from WordPress
Follow the steps below to install inside Wordpress
-
Navigate to
Plugins -
Click Install
Pluginsand thenUpload -
Navigate to
improved-variable-product-attributes.zipon your computer and clickInstall Now -
To activate the newly installed plugin navigate to
Pluginsselect the Improved Variable Product Attributes for WooCommerce and pressActivate
After installation and activation, make sure you have some variable products and their registered attributes, in Products>Attributes and navigate to the WooCommerce > Settings > Improved Variable Product Attributes to start customizing!
Installing via FTP
Follow the steps below to install via FTP
-
Unzip
improved-variable-product-attributes.zipto a desired location on your HDD. These extracted files will be uploaded later via FTP - Connect to your server via FTP
-
Navigate to
/wp-content/plugins/on server -
Navigate to location of unzipped
improved-variable-product-attributes.zip -
Upload local folder
/newscodes/to remote/wp-content/plugins/ -
To activate the newly installed plugin navigate to
Pluginsselect the Improved Variable Product Attributes for WooCommerce and pressActivate
After installation and activation, make sure you have some variable products and their registered attributes, in Products>Attributes and navigate to the WooCommerce > Settings > Improved Variable Product Attributes to start customizing!
1.3 Register and Automatic Updates
To get automatic updates and more directly from Wordpress register your Improved Variable Product Attributes!!
After installation, navigate to WooCommerce > Settings > Improved Variable Product Attributes > Register and Automatic Updates and enter your Codecanyon.net purchase code to get automatic updates. When an update is available, Wordpress will notify you about the new release and ask you to update. For a manual check navigate to Plugins > Improved Variable Product Attributes and click the Check For Updates button.
1.4 Theme Specific Installations
Some themes need custom settings!
After installation, navigate to WooCommerce > Settings > Improved Variable Product Attributes > Register and Automatic Updates to setup your theme specific installation. If you find your theme in the list follow the installation instructions. To request a specific theme installation please check the support section.
1.4.1 X Theme
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
- Override Default Archive Product Selector:
- Override Default Archive Price Selector:
- Select Archive Image Size:
full
1.4.2 Avada
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
woocommerce_after_shop_loop_item_title:20 - Override Default Archive Product Selector:
- Override Default Archive Price Selector:
- Select Archive Image Size:
shop_catalog
1.4.3 BeTheme
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
woocommerce_after_shop_loop_item_title:20 - Override Default Archive Product Selector:
- Override Default Archive Price Selector:
- Select Archive Image Size:
shop_catalog
1.4.4 Bridge
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
- Override Default Archive Product Selector:
- Override Default Archive Price Selector:
- Select Archive Image Size:
shop_catalog
Additional! You might want to add this custom CSS to align your selectors in center.
.products .ivpa-content {text-align:center;}1.4.5 Divi
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
- Override Default Archive Product Selector:
- Override Default Archive Price Selector:
- Select Archive Image Size:
shop_catalog
1.4.6 Enfold
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
woocommerce_after_shop_loop_item_title:20 - Override Default Archive Product Selector:
- Override Default Archive Price Selector:
- Select Archive Image Size:
shop_catalog
1.4.7 Flatsome
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
woocommerce_after_shop_loop_item_title:20 - Override Default Archive Product Selector:
li - Override Default Archive Price Selector:
- Select Archive Image Size:
shop_catalog
1.4.8 Legenda
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
- Override Default Archive Product Selector:
li - Override Default Archive Price Selector:
- Select Archive Image Size:
full
Additional! Make sure you've enabled the Add to cart button for your product archives. Navigate to Theme Options > Products Page Layout.
1.4.9 Listify
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
- Override Default Archive Product Selector:
li - Override Default Archive Price Selector:
- Select Archive Image Size:
shop_catalog
Additional! If you want selectors in archives then you'll need to disable the overlays in the Listify theme. You can do this with this custom CSS.
.type-product .product-clickbox,
.type-product .product-overlay {display:none;}1.4.10 Salient
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
- Override Default Archive Product Selector:
li - Override Default Archive Price Selector:
- Select Archive Image Size:
shop_catalog
1.4.11 The7
Please follow these instructions for proper plugin installation.
Set these settings to install the plugin properly. If the option is empty, just leave it blank as the default setting will work.
- Override Default Single Product Action:
- Override Default Product Archive Action:
- Override Default Archive Product Selector:
li - Override Default Archive Price Selector:
- Select Archive Image Size:
shop_catalog
2. Plugin Guide and Settings?
A complete guide to various features and settings included in Improved Variable Product Attributes. Please browse this section to get familiar with the plugin.
2.1 Using the Improved Variable Product Attributes for WooCommerce
Provided information in this section covers the Improved Variable Product Attributes for WooCommerce basic features and use.
First of all, the basics. You will need Variable Products and assigned registered attributes from Products > Attributes! Guide on how to properly setup your WooCommerce Variable Products is available here!
Improved Variable Product Attributes for WooCommerce will automatically override current default select boxes in Single Product Pages with the customizations and configuration that is set in the IVPA Settings. The plugin also adds Variable Selectors to your Shop/Products archives and product loops, but this option needs to be activated and installed properly. In order to configure the plugin navigate to WooCommerce > Settings > Variable Product Attributes. Use the attribute manager to add customizations to your attributes and setup the options for your website.
2.1.1 Attributes Manager
Use the attribute manager to customize your registered attributes from Products > Attributes.
Select Attribute
Select Attribute
Override Attribute Name
Use this option to override the attribute title. Appears just above attribute options.
Override Attribute Descrtiption
Use this option to override the attribute description. Appears just bellow attribute options.
Select Attribute Style
Select the style for customized attribute. Plain Text, Color, Thumbnail and HTML are supported. Plain text has multiple design features.
jsdghf.png)
Show in Shop/Archives (This only works if the Shop/Archive mode is set to Show Only)
If you are using the Show Only option for your Shop and Product Archive pages, you can use this checkbox to select which attributes should be shown in these pages.
These default settings can be set for each customization. Further customization depends on the Attribute Style selected.
2.1.2 Attribute Style Settings
Plain Text
Plain Text style uses term names. It has 3 styles, background, border and round. Colors for active and stock products features can be set for this style.
Color
Color style allows the color codes to be associated with the terms.
Thumbnail
Thumbnail style allows the images to be associated with the terms.
Select Box
The plain old select box!
HTML
If you need custom styles use the HTML option.
These settings are set for the current selected style of the customized attribute.
2.1.3 Single Product Page Settings
General plugin settings when used in Single Product pages.
Enable/Disable Attributes In Single Pages
Check this option to enable attribute selection in single product pages.
Hide Default Select Boxes
Check this option to hide default select boxes in single product pages.
Use IVPA Image Switcher
Check this option to enable IVPA image switcher in single product pages.
Enable/Disable AJAX Variation Add To Cart
Check this option to enable AJAX add to cart for variations in the single product pages.
Select Single Image Size
If the default setting in single products returns a false image upon selecting or deselecting please use this setting to override image size. Default: full (works almost anywhere), but usually: shop_single or set your own image size.
Override Default Single Product Action
Change default init action in single product pages. Use actions initiated in your content-single-product.php file. (default: woocommerce_before_add_to_cart_form )
2.1.4 Shop/Product Archive Settings
General plugin settings when used in Shop and Product Archive pages.
Enable/Disable Attributes In Archives
Check this option to enable attribute selection in shop and the product archives.
Show Quantities In Archives
Check this option to enable product quantity in shop and product archive pages.
Select Archive Display Mode
Select style to use with the attributes in shop and archives pages. You can either use the Show Only option, which will only show the attributes, or use the Enable Selection and Add to Cart mode to allow selection and AJAX add to cart in Shop and Product Archive pages.
Select Archive Image Size
Check this option to enable attribute selection in shop and the product archives.
Override Default Product Archive Action
Change default init action in product archives. Use actions initiated in your content-product.php file. (default: woocommerce_after_shop_loop_item )
2.1.5 jQuery Selector Settings
Sometimes your theme will not have the default classes for these elements. If this is the case use these options to override default jQuery selectors.
Single Product Image Selector
Change default image wrapper selector in single product pages. (default: .type-product .images )
Shop/Archive Product Selector
Change default product selector in shop and product archives. Use the product class from your product archive pages. (default: .type-product )
Shop/Archive Add To Cart Selector
Change default add to cart selector in shop and product archives. Use the product class from your product archive pages. (default: .add_to_cart_button.product_type_variable )
Shop/Archive Price Selector
Change default price selector in shop and product archives. Use the price class from your product archive pages (default: .price )
2.1.6 Out Of Stock Display Settings
Setup your out of stock selectors appearance.
Select Out Of Stock Mode
Select how the Out of Stock selectors will appear.
2.1.7 Advanced Settings
Miscellaneous advanced settings.
Disable Attribute Deselection
Check this option to disable attribute deselection in IVPA selectors.
Plugin Scripts
Check this option to enable plugin scripts in all pages. This option fixes issues in Quick Views.
Use Caching
Check this option to use IVPA product cache for better performance.
2.1.8 Register and Automatic Updates
Register your plugin with the purchase code you have got from Codecanyon.net! Get automatic updates!
Register Improved Variable Product Attributes
Enter your purchase code to get instant updated even before the codecanyon.net releases!
3. Translation and WPML Support
How to translate the plugin and WPML support!
3.1 WPML Support and Improved Variable Product Attributes
Follow these instructions to activate any language you need!!
WooCommerce Product Filter supports WPML multi language plugin for Wordpress. Using this plugin managing multilingual sites is easy. Before starting this procces make sure you have the WPML software installed on your Wordpress installation. More on WPML ( WordPress Multilingual ) see at this link http://wpml.org/.
Make sure you have the following software installed before continue: Wordpress, WooCommerce, WPML, WooCommerce Multilingual and the Improved Variable Product Attributes.
- WPML - Wordpress Multilingual get it here http://wpml.org/
- WooCommerce Multilingual - Plugin that enables full WooCommerce translation support for WPML get it here https://wordpress.org/plugins/woocommerce-multilingual/
First steps are to have a functional site in one language, then start with the translations. Install WPML and WooCommerce Multilingual. For step by step instructions on translating your shop with these two plugins please visit this link https://wpml.org/documentation/related-projects/woocommerce-multilingual/.
Translation files for the Improved Variable Product Attributes are in the /translations/ folder in the full plugin archive you have downloaded from http://codecanyon.net. If your language does not exists in the folder follow next steps to translate the plugin. Also use Poedit to update your translations.
- 1. Get Poedit App. http://poedit.net/download
- 2. Run Poedit. Navigate File>New catalog from POT file. Fill in the basic fields, set your country, language.
- 3. Translate the strings by clicking on a sentance and filling in the textarea bellow. If strange characters accure like %1$d, just ignore them and make a translation in between including these strange characters.
- 4. Save your file as ivpawoo-**LANGUAGE**.po **LANGUAGE** represents your language code. For instance if you're translating to Italian your language code is it_IT and the file name should be ivpawoo-it_IT.po ( language codes: de_DE (Germany), fr_FR (France) etc.)
- 5. Upload the .po and the .mo file generated by Poedit to your Wordpress installation in the /wp-content/languages/plugins/ folder If the folder does not exists create one.
- *** If you have already translated the file with the previous Product Filter version, copy the .po file in your unzipped local copy of Product Filter in the /lang/ folder (if it doesn't exsist just create one) and rescan the plugin for new and merging strings!
- WPML - Wordpress Multilingual get it here http://wpml.org/
- WooCommerce Multilingual - Plugin that enables full WooCommerce translation support for WPML get it here https://wordpress.org/plugins/woocommerce-multilingual/
If the translation file in your language exists just copy it to your Wordpress installation in the /wp-content/languages/plugins/ folder and the Improved Variable Product Attributes will be automatically translated.
WPML and the Improved Variable Product Attributes support one another and the full plugin translation is quite easy to achieve. If you have followed all previous steps and made your site multilingual then just a few special translations for the Improved Variable Product Attributes need to be added. Just follow these guidelines to achieve the full translation.
- All settings regarding the attribute customizations in the WooCommerce>Settings>Improved Variable Product Attributes are set in the current language, so if you have multiple languages on you site then please setup all attribute styling options for all the languages. You can do this by changing the language while on the WooCommerce>Settings>Improved Variable Product Attributes settings page and saving the new settings.
When you have completed all these steps your customized attributes will fully support the WPML - WordPress Multilingual plugin. Thanks for using the WPML and the Improved Variable Product Attributes!
4. Support
How to translate the plugin and WPML support!
4.1 Plugin Support?
If everything else fails you can surely get support!
When everything else fails and nothing seems to be right, just visit our support pages, you can always ask for the advice from the author at Improved Variable Product Attributes Comments page on codecanyon.com.
4.2 Plugin Author and Contact?
Something about the author and contact link
Improved Variable Product Attributes for WooCommerce for Wordpress was developed by Mihajlovicnenad.com. For support related questions please visit our item page on codecanyon.com.
